
import React, { Component } from "react";
import Item from "../Item";
import "./index.css";
export default class List extends Component {
  render() {
    let { todos, updateTodo, delTodo } = this.props;
    console.log(todos);
    return (
      <ul className="todo-main">
        {todos.map((item) => {
          {
            /* return <Item key={item.id} id={item.id} name={item.name} done={item.done} />; 这个写法太麻烦用下面的写法*/
          }
          return <Item key={item.id} {...item} updateTodo={updateTodo} delTodo={delTodo}/>;
        })}
      </ul>
    );
  }
}
